{"componentChunkName":"component---src-templates-studio-page-js","path":"/studio/k-vrc","webpackCompilationHash":"c021816e17e59e08b77b","result":{"data":{"site":{"siteMetadata":{"keywords":["blog","ubug","tech blog","技术博客","playground"]}},"mdx":{"fields":{"title":"🤖 机器人眼睛动效","noFooter":false,"description":"从爱死机的 k-vrc 到 Vector/Cozmo 的眼睛，机器人眼睛的趣味性让我无法自拔，于是实现了这个有意思的眼睛绘制，顺便总结下一个项目的开发过程。","date":"2022-09-03","author":"Ubug","banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M0%20229v229h401V0H0v229m63%2027l-26%205c-5%201-7%207-7%2025%200%2015%201%2021%206%2027l3%203h48l3-4c4-5%205-7%205-30%200-21-1-23-6-27-3-3-4-3-26%201m46-3c-7%203-9%209-9%2029s1%2026%205%2031l3%203h48l3-3%204-8c2-5%202-34%200-39l-1-4-25-4a2299%202299%200%2001-28-5m-36%203a3608%203608%200%2001-37%208c-3%200-4%2010-4%2025%201%2014%202%2018%206%2022l2%203h46l2-3c4-5%205-12%205-31%200-14-1-17-2-20-4-6-5-6-18-4m35-1c-5%202-5%207-5%2028s0%2023%204%2028l2%203h46l3-3%204-8v-35l-1-4-19-3c-31-7-31-7-34-6m125%2012c-9%202-14%208-15%2018l-1%203h18c16%201%2031%202%2046%205%207%201%207%201%207-8%200-15-5-17-35-18h-20m91%200c-18%201-23%203-26%209-2%204-2%206-1%2010%200%208%200%208%208%206%2010-2%2044-4%2054-4l8%201v-5c-1-3-2-7-4-9-5-8-13-9-39-8m-90%202c-8%202-14%208-14%2014v3h11c13%200%2032%202%2042%204%2013%202%2013%202%2013-6%200-12-4-14-27-15h-25m89%200c-21%201-24%203-24%2015l1%207%2017-3%2028-2c22%200%2022%200%2018-8-5-9-13-10-40-9m-97%20101c-2%206-3%2034-1%2041%203%2011%207%2013%2028%2014%2029%201%2035-1%2038-13%203-8%203-31%200-31a661%20661%200%2000-43-11l-19-4-3%204m128-2a1598%201598%200%2001-53%2013c-2%200-2%201-2%2015%201%2027%204%2030%2040%2029%2021-1%2025-3%2028-14%202-7%201-35-1-41-2-5-2-5-12-2m-125%201c-4%205-4%2040%200%2046%204%207%208%208%2030%208%2030-1%2031-2%2031-26l1-14-25-6a2035%202035%200%2001-37-8m119%203l-30%207-16%204v14c0%2024%201%2025%2031%2026%2022%200%2026-1%2030-8%205-7%204-44-1-46l-14%203m-304%201c-10%203-14%209-15%2025l1%2016%201%206h6l49%206c6%201%208-3%208-23%200-18-2-24-8-28-4-3-34-4-42-2m67%200c-8%204-10%2010-10%2029-1%2020%201%2025%207%2024l49-6h6l1-5c2-7%200-27-2-31-2-6-6-9-11-11-7-1-36-2-40%200m-67%202c-10%204-12%2010-12%2028l1%2014%2028%204c31%203%2029%204%2031-8%202-19-2-34-9-37-5-3-33-3-39-1m67%201l-5%204c-5%206-5%2038-1%2043%202%201%2055-4%2057-6l1-12c0-18-4-27-14-30-6-2-34-1-38%201'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/fbb15/k_vrc.png","srcSet":"/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/82675/k_vrc.png 500w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/fef60/k_vrc.png 1000w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/fbb15/k_vrc.png 1094w","srcWebp":"/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/f71dc/k_vrc.webp","srcSetWebp":"/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/7fe04/k_vrc.webp 500w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/d619e/k_vrc.webp 1000w,\n/static/2cff5fbd1b6c54c29fb3eb77e6c1b278/f71dc/k_vrc.webp 1094w","sizes":"(max-width: 1094px) 100vw, 1094px"}}},"noGlobalStyles":false,"bannerCredit":null,"slug":"/studio/k-vrc","tags":["talking"]},"body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"k-vrc\",\n  \"title\": \"🤖 机器人眼睛动效\",\n  \"tech\": \"other\",\n  \"date\": \"2022-09-03 16:34:10\",\n  \"description\": \"从爱死机的 k-vrc 到 Vector/Cozmo 的眼睛，机器人眼睛的趣味性让我无法自拔，于是实现了这个有意思的眼睛绘制，顺便总结下一个项目的开发过程。\",\n  \"titleColor\": \"#fff\",\n  \"btnStyle\": \"darkBlue\",\n  \"tags\": [\"talking\"],\n  \"banner\": \"../studios/k_vrc.png\"\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"\\u5F00\\u53D1\\u8BE6\\u60C5\\u53EF\\u4EE5\\u5230 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/blog/k-vrc-vector-cozmo\"\n  }, \"\\u673A\\u5668\\u4EBA\\u773C\\u775B\\u52A8\\u753B\\u7684\\u5B9E\\u73B0\")), mdx(\"p\", null, \"\\u9884\\u89C8\\u53EF\\u4EE5\\u5230 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://app.ubug.io/k_vrc\"\n  }, \"\\u673A\\u5668\\u4EBA\\u773C\\u775B\\u52A8\\u753B\\u7684\\u6F14\\u793A\")), mdx(\"video\", {\n    controls: true,\n    style: {\n      maxWidth: '100%'\n    },\n    src: \"/all-5a5ad555506a9b397998f817cf2bd8d3.mp4\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"id":"0b68b7e1-7721-5923-8150-d5b270edf14d","prev":null,"next":{"fileAbsolutePath":"D:/ubug/storybook/content/studio/common/img_flow.md","id":"ccf05d7c-8ca7-59d2-b4e1-1fe4c51fe20b","parent":{"name":"img_flow","sourceInstanceName":"studio"},"excerpt":"预览可以到  图片处理工作流","fields":{"title":"🌄 图片处理工作流","slug":"/studio/img_flow","description":"前端图片流，给定一个处理流程，然后按照流程处理图片，目前可以做批量切图、重命名和压缩。","date":"2021-12-03","redirects":null,"datetime":"2021-12-03 16:34:10","categories":[],"series":null,"tags":["talking"],"status":"online"},"frontmatter":{"published":null,"tags":["talking"],"theme":null,"slug":"img_flow","date":"2021-12-03 16:34:10"},"body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"img_flow\",\n  \"title\": \"🌄 图片处理工作流\",\n  \"tech\": \"other\",\n  \"date\": \"2021-12-03 16:34:10\",\n  \"description\": \"前端图片流，给定一个处理流程，然后按照流程处理图片，目前可以做批量切图、重命名和压缩。\",\n  \"titleColor\": \"#fff\",\n  \"btnStyle\": \"darkBlue\",\n  \"tags\": [\"talking\"],\n  \"banner\": \"../studios/img_flow.png\"\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"\\u9884\\u89C8\\u53EF\\u4EE5\\u5230 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://app.ubug.io/img_flow\"\n  }, \"\\u56FE\\u7247\\u5904\\u7406\\u5DE5\\u4F5C\\u6D41\")));\n}\n;\nMDXContent.isMDXComponent = true;"}}}}